<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
        <title>enchant.js : ArcSprite プラグインのサンプル</title>
        <script type="text/javascript" src="enchant.js"></script>
        <!-- ここでプラグイン読み込み -->
        <script type="text/javascript" src="arcsprite.tm.enchant.js"></script>
        <script type="text/javascript">
            // enchant 初期化(global 領域に enchant と enchant.tm を追加)
            enchant("tm");
            
            /**
             * ロード
             */
            window.onload = function()
            {
                // ゲームクラスを生成
                var game = new Game(320, 320);
                
                // ゲーム開始時の処理
                game.onload = function(){
                    // 円弧スプライトを表示
                    for (var i=0; i<32; ++i) {
                        var radius = Math.random()*16 + 8;
                        var color = {
                            r: Math.floor(Math.random()*255),
                            g: Math.floor(Math.random()*255),
                            b: Math.floor(Math.random()*255)
                        };
                        // ArcSprite を生成
                        var arc_sprite = new ArcSprite(radius, color);
                        // 位置をセット
                        arc_sprite.x = Math.random()*320;
                        arc_sprite.y = Math.random()*320;
                        // 向きベクトルをセット
                        arc_sprite.setRandomDirection();
                        // フレームイベントを登録
                        arc_sprite.addEventListener(Event.ENTER_FRAME, function(){
                            this.moveBy(this.dx*2, this.dy*2);
                            this.adjustPosition(0, 0, game.width, game.height);
                        });
                        // ルートシーンに ArcSprite を追加
                        game.rootScene.addChild(arc_sprite);
                    }
                };
                
                // 背景表示
                game.rootScene.backgroundColor = 'rgb(0, 0, 0)';
                // ゲームスタート
                game.start();
            }
            
        </script>
        <style type="text/css">
            body {
                margin: 0px;
            }
        </style>
    </head>
    <body>
        
    </body>
</html>
